<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>刘思恩-商品搜索页</title>
    <link rel="stylesheet" href="../css/spssy.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/same.css">
    <link rel="stylesheet" href="../css/pagination.css">
</head>
<body>
    <div class="top1">
        <div class="topcenter1">
            <ul class="topL">
                <li>欢迎来到丝芙兰</li>
                <li><a href="./login.html">请登录</a></li> 
            </ul>
            <ul class="topC">
                <li><a href="./register.html">免费注册</a></li>
                <li><a href="#">手机验证码登录</a></li>
            </ul>
            <ul class="topR">
                <li style="display: flex;align-items: center;" id="x"><a href="#">我的丝芙兰</a>
                    <span></span>
                </li>
                <li><a href="#">会员俱乐部</a></li>
                <li><a href="#">手机丝芙兰</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">品牌合作</a></li>
            </ul>
        </div>
    </div>
    <div class="top2">
        <div class="topcenter2">
            <div class="top2l"><a href="../html/index.html"><img src="../imgs/sep_top_Logo.png" alt=""></a></div>
            <div class="top2m">
                <div class="search">
                    <input type="text" class="in1" value="年末心意" onclick="showDiv()" oninput="filterP()">
                    <input type="button" value="搜索" class="btn1">
                    <div id="dataList" class="content" onclick="pushInput()">
                        <p>功效</p>
                        <p>护肤</p>
                        <p>彩妆</p>
                        <p>香水</p>
                        <p>工具</p>
                        <p>男士</p>
                        <p>洗浴护体</p>
                        <p>美发护发</p>
                        <p>肤食</p> 
                        <p>年末选礼有一招</p>
                        <p>圣诞心意之选</p>
                        <p>实力锁水面膜</p>
                        <p>解锁心动眼妆</p>
                        <p>闭眼入冬日暖香</p>
                        <p>葆蝶家大牌周</p>
                        <p>冬季唇色小心机</p>
                        <p>舒适感冬日香氛</p>
                        <p>小众新势精选</p>
                    </div>
                </div>
                <ul>
                    <li><a href="#">年末选礼有一招</a></li>
                    <li><a href="#">圣诞心意之选</a></li>
                    <li><a href="#">实力锁水面膜</a></li>
                    <li><a href="#">解锁心动眼妆</a></li>
                    <li><a href="#">闭眼入冬日暖香</a></li>
                    <li><a href="#">葆蝶家大牌周</a></li>
                </ul>
            </div>
            <div class="top2r">
                <a href="#">
                    <div class="iconfont icon-gouwu icon1"></div>
                </a>
                <div><a href="#"><span>购物袋</span> <span style="color: red;">0</span> <span>件</span></a></div>
                <div class="login">
                    <div><img src="../imgs/shopping_bag.png" alt="" style="height: 100%;"></div>
                    <div>
                        <p>购物车内暂时没有商品，登录后将显示您之前加入的商品</p>
                        <div class="btn2"><a href="./login.html">登录</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="top3">
        <div class="top3center">
            <div id="menu"><a href="#">全部商品类目</a></div>
            <ul>
                <li><a href="#">畅销榜单</a></li>
                <li><a href="#">独家发售</a></li>
                <li><a href="#">礼物套装</a></li>
                <li><a href="#">全部品牌</a></li>
                <li><a href="#">预约中心</a></li>
            </ul>
            <div><img src="../imgs/navigation_shopping-0528.png" alt=""></div>
        </div>
    </div>
    <div class="banner">
            <div class="table">
                <div class="oneMenu">
                    <p>功效</p>
                    <ul>
                        <li><a href="#">保湿补水</a></li>
                        <li><a href="#">底妆修容</a></li>
                    </ul>
                </div>
                <div class="oneMenu">
                    <p>护肤</p>
                    <ul>
                        <li><a href="#">打造"天鹅颈"</a></li>
                        <li><a href="#">Yes成分</a></li>
                    </ul>
                </div>
                <div class="oneMenu">
                    <p>彩妆</p>
                    <ul>
                        <li><a href="#">秋日彩妆盘点</a></li>
                        <li><a href="#">彩妆惠选礼盒</a></li>
                    </ul>
                </div>
                <div class="oneMenu">
                    <p>香水</p>
                    <ul>
                        <li><a href="#">秋日馨香盘点</a></li>
                        <li><a href="#">小众香氛</a></li>
                    </ul>
                </div>
                <div class="oneMenu">
                    <p>工具</p>
                    <ul>
                        <li><a href="#">美容仪加持美力</a></li>
                        <li><a href="#">美妆蛋套装</a></li>
                    </ul>
                </div>
                <div class="oneMenu">
                    <p>男士</p>
                    <ul>
                        <li><a href="#">男士礼赠</a></li>
                        <li><a href="#">水油平衡</a></li>
                    </ul>
                </div>
                <div class="oneMenu">
                    <p>洗浴护体</p>
                    <ul>
                        <li><a href="#">洗护沐浴</a></li>
                        <li><a href="#">塑身纤体</a></li>
                    </ul>
                </div>
                <div class="oneMenu">
                    <p>美发护发</p>
                    <ul>
                        <li><a href="#">换季防脱</a></li>
                        <li><a href="#">润养秀发防毛躁</a></li>
                    </ul>
                </div>
                <div class="oneMenu">
                    <p>肤食</p>
                    <ul>
                        <li><a href="#">胶原蛋白饮品</a></li>
                    </ul>
                </div>
            </div>
            <div class="secondtable">
                <div class="secondtable-left">
                    <p id="ejtitle"></p>
                    <div class="secondtable-center">
                    </div>
                    <div class="secondtable-bottom">
                    </div>
                </div>
                <div class="secondtable-right">
                    <a href="#"><img src="" alt="" id="rightimg"></a>
                </div>
            </div>
    </div>
    <div class="BODY">
        <div class="title">
            <p><a href="../html/index.html">首页</a>&nbsp;&gt;&nbsp;搜索结果</p>
            <p>共50件商品</p>
        </div>
        <div class="price">
            <p>价格<span class="down"></span></p>
        </div>
        <div class="main">
        </div>
        <div id="setPageDiv">                             
            <div id="Pagination" class="pagination"></div>
        </div>
        <div class="footer">
            <ul>
                <li>
                    <div></div>
                    <span>顺丰EMS速达</span></li>
                <li>
                    <div></div>
                    <span>丰富礼赠</span></li>
                <li>
                    <div></div>
                    <span>100%正品</span></li>
                <li>
                    <div></div>
                    <span>无障碍退款</span></li>
                <li style="border-right: none;">
                    <div></div>
                    <span>安全支付</span></li>
            </ul>
            <div>
                <ul>
                    <li style="margin: 35px 0 25px 0;"><a href="#" style="color: black;font-weight: bold;">购物流程</a></li>
                    <li><a href="#">大宗采购/团购</a></li>
                    <li><a href="#">丝芙兰预付卡章程</a></li>
                </ul>
                <ul>
                    <li style="margin: 35px 0 25px 0;"><a href="#" style="color: black;font-weight: bold;">支付/配送</a></li>
                    <li><a href="#">在线支付</a></li>
                    <li><a href="#">配送时间</a></li>
                </ul>
                <ul>
                    <li style="margin: 35px 0 25px 0;"><a href="#" style="color: black;font-weight: bold;">售后服务</a></li>
                    <li><a href="#">退换货规定</a></li>
                    <li><a href="#">退换及退款说明</a></li>
                </ul>
                <ul>
                    <li style="margin: 35px 0 25px 0;"><a href="#" style="color: black;font-weight: bold;">关于丝芙兰</a></li>
                    <li><a href="#">公司介绍</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">品牌合作/Brand Collaboration</a></li>
                    <li><a href="#">隐私政策</a></li>
                </ul>
                <ul>
                    <li style="margin: 35px 0 25px 0;"><a href="#" style="color: black;font-weight: bold;">网上订购咨询热线 : 400 670
                        0055</a></li>
                </ul>
            </div>
        </div>
        <div class="bottom">
            <div class="center">
                <ul>
                    <li><a href="#">沪公网安备 31010602003121号</a></li>
                    <li><a href="#">ICP备案序号:沪ICP备05026645号</a></li>
                    <li><a href="#">食品经营许可证</a></li>
                    <li><a href="#">网站使用条款</a></li>
                    <li><a href="#">严正声明</a></li>
                </ul>
                <a href="#">本网站隶属于丝芙兰（上海）化妆品销售有限公司（企业法人营业执照）预付卡信息对接唯一标识 : 310101F5201530100309</a>
            </div>
        </div>
    </div>
 
    <div class="louceng1">
        返</br>回</br>顶</br>部
    </div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.pagination.js"></script>
<script src="../js/ajax.js"></script>
<script src="../js/spssy.js"></script>
<script src="../js/same.js"></script>
</html> 